// // import upload from "../utils/upload";

// const form = document.forms.avatar;
// // const view = document.getElementById('view');
// // const fr = new FileReader();
// const progressBar = document.getElementById('progressBar');


// form.onsubmit = async function (e) {
//     e.preventDefault();
//     const fd = new FormData(form);
//     // 发送ajax请求且监控进度
//     const xhr = new XMLHttpRequest()
//     xhr.onreadystatechange = function () {
//         if (xhr.readyState == 4) {
//             if (xhr.status == 200) {
//                 console.log(xhr.response)
//             } else {
//                 alert('服务器错误：' + xhr.status)
//             }
//         }
//     };

//     // 进度条的百分比的计算
//     xhr.upload.onprogress = function (e) {
//         if (e.lengthComputable) {
//             const p = e.loaded / e.total * 100 + '%';
//             progressBar.style.width = p
//         }
//         xhr.open('post', '/api/upload', true);
//         xhr.setRequestHeader('Authorization', 'Bearer ' + localStorage.getItem('token'))
//         xhr.send(fd)
//     }
// }


// // fr.onload = function (){
// //     view.src = fr.result
// // }

// // form.avatar.onchange = function () {
// //     // 判断用户有没有选择到图片
// //     if (this.files.length > 0) {
// //         // 选择了
// //     } else {
// //         // 没有选择
// //         view.src = URL.createObjectURL(this.files[0])
// //     }
// // }


// // form.onsubmit = async function (e) {
// //     e.preventDefault();
// //     // 建立formData对象
// //     // 在建立formData对象时，它可以自动获取表单数据
// //     const fd = new FormData(form);
// //     // upload(fd).then(result => console.log(result))
// //     const result = await upload('/api/upload', fd);
// //     console.log(result)
// // }